// category的入口
$(function (params) {
    // 解决区域
    mui('.mui-scroll-wrapper').scroll({
        deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
    });

    // 解决a不能跳转问题
    mui('body').on('tap', 'a', function () {
        document.location.href = this.href;
    });
    // 请求数据

    $.ajax({
        url: "/category/queryTopCategory",
        type: "get",
        success: function (res) {
            var html = template('categoryId', {
                result: res.rows
            });
            $("#categoryList").html(html);
            //第一次调用
            getSecondGory(res.rows[0].id)
            // 判断下res.rows是否有数据，根据是否有数据，添加第一个class 
            if (res.rows.length) {
                $("#categoryList").find('a').eq(0).addClass('category-active')
            }
        }
    })

    // 给a注册点击事件
    $('#categoryList').on('tap', 'a', function (params) {
        var id = $(this).attr('data-id')
        // 根据id 发起ajax 请求
        getSecondGory(id);
        // 点击按钮时同时添加class
        $(this).addClass('category-active').siblings().removeClass('category-active')
    });

    //
    function getSecondGory(id) {
        $.ajax({
            url: "/category/querySecondCategory",
            type: "get",
            data: {
                id: id
            },
            success: function (res) {
                //   拿到数据之后需要渲染到html 中去 穿进去必须是一个对象
                console.log(res)
                var html = template("ulList", {
                    result: res.rows
                })
                // console.log(html)
                $('#ul-list').html(html);
            }
        })

    }

})